<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition>
	<p:panel id="contentEdit" styleClass="#{modulosMBean.saved}">
		<h:form id="editObject" styleClass="editAdd">
			<ui:repeat var="modulos" value="#{modulosMBean.selectedModulos}">
				<p:panel
					rendered="#{(modulosMBean.tipoMantenimiento=='update') ? true : false}">
					<h:outputLabel value="Codigo" for="idCodigo" />
					<h:outputLabel value="#{modulos.codModulo}" id="idCodigo" />
				</p:panel>
				<div class="separador"></div>
				<p:panel>
					<h:outputLabel value="Tipo" for="idTipo" />
					<p:selectOneMenu id="idTipo" value="#{modulos.tipo}"
						styleClass="comboText" required="true">
						<f:selectItem itemLabel="- Seleccionar -" itemValue="" />
						<f:selectItems value="#{tipoModulosMBean.listaTipoModulos}"
							var="tipo" itemLabel="#{tipo.tipoModulo}"
							itemValue="#{tipo.codigo}" />
					</p:selectOneMenu>
				</p:panel>
				<div class="separador"></div>
				<p:panel>
					<h:outputLabel value="Nombre" for="idNombre" />
					<p:inputText required="true" styleClass="clear"
						value="#{modulos.nombreModulo}" id="idNombre" />
				</p:panel>
				<div class="separador"></div>
				<p:panel>
					<h:outputLabel value="Descripcion" for="idDescripcion" />
					<p:inputText styleClass="clear " value="#{modulos.descripcion}"
						id="idDescripcion" />
				</p:panel>
				<div class="separador"></div>
				<p:panel>
					<h:outputLabel value="Summary" for="idSummary" />
					<p:inputText styleClass="clear" value="#{modulos.summary}"
						id="idSummary" />
				</p:panel>
				<div class="separador"></div>
				<p:panel>
					<h:outputLabel value="Version" for="idVersion" />
					<p:inputText styleClass="clear" value="#{modulos.version}"
						id="idVersion" />
				</p:panel>
				<div class="separador"></div>
				<p:panel>
					<h:outputLabel value="Icon" for="idIcon" />
					<p:inputText styleClass="clear" value="#{modulos.icon}" id="idIcon" />
				</p:panel>
				<div class="separador"></div>
				<p:panel styleClass="inputSlider">
					<h:outputLabel value="Orden" for="idOrden" />
					<h:panelGrid id="idOrden" columns="1" style="margin-bottom: 10px">
						<p:inputText id="txt1" styleClass="clear" value="#{modulos.orden}" />
						<p:slider for="txt1" />
					</h:panelGrid>
				</p:panel>
				<div class="separador"></div>
				<p:panel>
					<h:outputLabel value="Url" for="idUrl" />
					<p:inputText styleClass="clear required" required="true"
						value="#{modulos.url}" id="idUrl" />
				</p:panel>
				<div class="separador"></div>
				<p:panel>
					<h:outputLabel value="Active" for="idActive" />
					<h:selectBooleanCheckbox value="#{modulos.active}" id="idActive" />
				</p:panel>
				<div class="separador"></div>
			</ui:repeat>
			<p:commandButton value="Guardar" id="frmSaved"
				actionListener="#{modulosMBean.updateInsertItem}"
				update=":frmPageMantenimiento :contentEdit">
			</p:commandButton>
			<p:commandButton value="Eliminar" id="frmClear"
				rendered="#{(modulosMBean.tipoMantenimiento=='update') ? true : false}"
				actionListener="#{modulosMBean.eliminarItem}"
				oncomplete="PF('editObject').hide()" update=":frmPageMantenimiento">
				<p:confirm header="Confirmacion" message="¿Desea Eliminar?" icon="ui-icon-alert" />
			</p:commandButton>
			<p:commandButton value="Limpiar"
				rendered="#{(modulosMBean.tipoMantenimiento=='insert') ? true :false}"
				id="frmLimipiar">
				<p:ajax update=":contentEdit" resetValues="true" />
			</p:commandButton>
			<p:commandButton value="Cancelar" id="frmCancel"
				oncomplete="PF('editObject').hide()" />
			<p:confirmDialog global="true" showEffect="fade">
				<p:commandButton value="Si" type="button"
					styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
				<p:commandButton value="No" type="button"
					styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
			</p:confirmDialog>
		</h:form>
	</p:panel>

</ui:composition>
</html>